<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>조립PC의 대명사- PC Master~!~!</title>

<script>
function cartinsert(){
		var amount = document.detailForm.amount.value;
		var goods_code = '${beans.goods_code}';
		location.href ="/web/cart/write?goods_code="+goods_code+"&amount="+amount;	
}
function cart(no){
	var amount = document.detailForm.amount.value;
	var color = document.getElementById("G_COLOR").value;
	
	document.detailForm.action="/CartAdd.cart?G_NO="+no+"&amount="+amount+"&G_COLOR="+color;
	alert("수량 : "+amount+", "+"컬러 : "+color);
	detailForm.submit();
}
function count_change(temp){
	var test=document.detailForm.amount.value;
	if(temp==0){
		test++;
	}else if(temp==1){
		if(test> 1) test--;
	}
	
	document.detailForm.amount.value=test;
}
</script>

</head>
<body>

<div style="position:absolute; left:50%; top:0px; width:1200px; height:80px; margin-left:-600px;z-index:1 ">
<%@ include file="../loginPanel.jsp" %>
</div>

<div style="position:absolute; left:50%; top:0px; width:1200px; height:80px; margin-left:-600px;">
<%@ include file="../top.jsp" %>
</div>

<div style="position:absolute; left:50%; top:510px; width:1200px; height:80px; margin-left:-600px;">
<table width="200px" border="0" cellspacing="0" cellpadding="0">
<tr>
	<td>
		<img src="/web/resources/images/main/main-btn01-on.jpg" style="width:200px; height:155px; cursor:pointer " onclick="location.href='/web/ssd'"/>
	</td>
</tr>
</table>
</div>

<div style="position:absolute; left:50%; top:160px; width:1000px; height:80px; margin-left:-400px;">
<form name="detailForm" action="#" method="get">
<table width="1000px" height="400px" align="center" border="1" cellpadding="10px" cellspacing="0"
	style="font-family:굴림; font-size:12pt; color:#555555;font-weight:bolder ">
	<tr>
		<td rowspan="10" width="400px" height="100px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image2}" style="width:300px; height:300px ">
		</td>
		<td height="10px">상품명</td>
		<td>${beans.goods_name }</td>
	</tr>
	<tr>
		<td>상품코드</td>
		<td height="10px">${beans.goods_code }</td>
	</tr>
<tr>
	<td align="left" width="100px" height="20px"><strong>주문수량</strong></td>
	<td align="left"  height="40px" >
		<a href="JavaScript:count_change(0)" style="margin-left: 22px">▲</a><br/><br/>
			<input name="amount" type="text" style="text-align: center" value="1"	size="4" /><br/><br/>
		<a href="JavaScript:count_change(1)" style="margin-left: 22px">▼</a>
	</td>
</tr>
	<tr>
		<td>상품 가격</td>
		<td>${beans.goods_cost }</td>
	</tr>  
	<tr>
		<td>적립금</td>
		<td>${beans.goods_savemoney }</td>
	</tr>
</table>
<table width="1000px" align="center" border="1" cellpadding="10px" cellspacing="0">
	<tr>
	
		<!-- 장바구니(원일이형) -->
		<td align="center">
			<a href="#" > 
				<img src="/web/resources/images/main/btn_view_cart.gif" onclick="cartinsert();"/>
			</a>
		<!-- 주문하기(허경) -->
			<a href="/web/orders/write" >
				<img src="/web/resources/images/main/btn_direct.gif" />
			</a>
			
		<!-- 목록보기 -->
			<a href="/web/goods/list" >
				<img src="/web/resources/images/main/btn_view_list.gif">
			</a>
			
		</td>
	</tr>
</table>	
<table width="1000px">
	<tr>
		<td width="1000px" height="320px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image4}">
		</td>
	</tr>
	<tr>
		<td width="1000px" height="320px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image5}" >
		</td>
	</tr>
<%-- 	<tr>
		<td width="1000px" height="320px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image6}">
		</td>
	</tr> --%>
	<tr>
		<td width="1000px" height="320px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image7}" >
		</td>
	</tr>
<%-- 	<tr>
		<td width="1000px" height="320px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image8}" >
		</td>
	</tr> --%>
	<tr>
		<td width="1000px" height="320px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image9}">
		</td>
	</tr>
	<tr>
		<td width="1000px" height="320px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image10}" >
		</td>
	</tr>
	<tr>
		<td width="1000px" height="320px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image11}" >
		</td>
	</tr>
	<tr>
		<td width="1000px" height="320px" align="center">
			<img alt="상세이미지" src="/web/resources/upload/${beans.goods_image12}" >
		</td>
	</tr>								

</table>									
</form>
</div>

<div style="position:absolute; left:0; top:3700px; width:100%; height:80px; ">
<%@ include file="../bottom.jsp"%>
</div>

</body>
</html>